<html style="height:360px;">
	<head>
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.custom.min.css">
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.timepkr.css">
		<link rel="stylesheet" type="text/css" href="css/ena.css">
		
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/js/jquery-ui.custom.min.js"></script>
		<script type="text/javascript" src="/js/jquery-ui.timepkr.min.js"></script>
		<script type="text/javascript" src="/js/common.min.js"></script>
		<script type="text/javascript" src="/js/options.js"></script>
		<script type="text/javascript" src="/js/view-menu.js"></script>
	</head>
	<body >
		<div id="stretcher" style="width:500px;"></div>
		<div class="title"><h2>Empires &amp; Allies Helper - Options</h2></div>
		<div id="menu" style="float:right;">
			<!--div id="rewards" class="icon  rewards off" title="Rewards View"></div-->
			<div id="notes" class="icon notes" title="Notifications View"></div>
			<div id="stats" class="icon stats" title="Stats View"></div>
			<div id="options" class="icon options" title="Options View"></div>
			<div class="icon blank"></div>
			<div class="icon blank"></div>
			<div id="save" class="icon save" title="Save Options"></div>
			<div id="close" class="icon close" title="Close Popup"></div>
		</div>
		<div id="status" class="status"></div>
		<div style="color:black;position:absolute;float:left;top:30px;width:100%;" id="alarm"></div>
		<div id="options" class="ui-tabs ui-widget ui-widget-content ui-corner-all options-parent" >
			<table class="ui-state-default ui-tabs-panel ui-widget-content ui-corner-bottom options-child">
				<tr>
					<td class="label option-left">Tab Close Timer<div class="icon help tooltip-left" title="How long to let the Tab stay open when accepting Items/Rewards.<br/><span style='color:blue'>Default is 12 seconds</span><br/><span style='color:red'>Warning:</span> Less than 12 secs may result in AntiBot captchas"/></td>
					<td class="option-right">
						<input style="width:20px;font-size: 0.9em;" id="close_timer"/>
					</td>
					<td>&nbsp;</td>
					<td class="label option-left">Gather Refresh Timer<div class="icon help tooltip-right" title="How often you want to gather game notifications for processing.<br/>Minimum of 1 minute and a Maximum of 1440 minutes (or 1 day)<br/><span style='color:blue'>Default is 60 minutes</span>"/></td>
					<td class="option-right">
						<input style="width:20px;font-size: 0.9em;" id="refresh_timer"/>
					</td>
				</tr>
				<tr>
					<td class="label option-left">Process Limit<div class="icon help tooltip-left" title="How many Notifications to process before stopping.<br/> Zero will run until complete, Maximum of 999<br/><span style='color:blue'>Default is 0 (Indefinitely)</span>"/></td>
					<td class="option-right">
						<input style="width:20px;font-size: 0.9em;" id="limit"/>
					</td>
					<td>&nbsp;</td>
					<td class="label option-left">Close Notifications<div class="icon help tooltip-right" title="Use this if you want to close all game notifications<br/><span style='color:blue'>Default is Off<br/></span><span style='color:red'>Warning:</span> Only use this if you don't play any other games"/></td></td>
					<td class="option-right" style="padding-right: 15px;">
						<input type="checkbox" id="close_all_notes"  class="checkbox">
					</td>
				</tr>
				<tr>
					<td class="label option-left">Process Direction<div class="icon help tooltip-left" title="Lets you set which direction you want to process, do you want new ones processed first.. or oldest first?<br/><span style='color:blue'>Default is Newest to Oldest</span>"/></td>
					<td colspan="4" class="option-right">
						<div id="radio_direction">
						  <input type="radio" id="dir1" name="direction"><label for="dir1">Oldest to Newest</label>
						  <input type="radio" id="dir2" name="direction"><label for="dir2">Newest to Oldest</label>
						</div>
					</td>
				</tr>
				<tr>
					<td class="label option-left" valign="top">Set Process Order<div class="icon help tooltip-left" title="Use this to group how Notifications/Rewards are processed<br/>Drag & Drop the labels into the order you desire.<br/><span style='color:blue'>Default is Gifts -> Joins -> Requests</span>"/></td>
					<td colspan="4" class="option-right">
						<input type="checkbox" id="allow_process_order" style="position:relative;float:left;top:1px;">
						<ul id="process_order">
							<li class="ui-state-default ui-corner-all" id="1" title="drag to order">Gifts</li>
							<li class="ui-state-default ui-corner-all" id="2" title="drag to order">Joins</li>
							<li class="ui-state-default ui-corner-all" id="3" title="drag to order">Requests</li>
						</ul>
					</td>
				</tr>
				<tr>
					<td colspan="5" class="Label" style="font-size:.75em; color:red">Warning - Everything below here is either untested and/or experimental, use with <span style="text-decoration:underline">Caution</span></td>
				</tr>
				<tr>
					<td class="label option-left">'Gather' Only<div class="icon help tooltip-left" title="Checking this will only gather game notifications and allow you to set a time on when to process them<br/><span style='color:blue'>Default is unchecked</span>"/></td>
					<td class="option-right" style="padding-right: 15px;">
						<input type="checkbox" id="only_gather_notes" class="checkbox">
					</td>
					<td>&nbsp;</td>
					<td class="label option-left">Process Time<div class="icon help tooltip-right" title="Set the time that you would like to process all gathered notifications. Click the 'Gather' Only checkbox to activate<br/> Double click to hide time selection box<br/><span style='color:blue'>Default is 12:00AM</span>"/></td>
					<td  class="option-right">
						<span class="ui-spinner ui-widget ui-widget-content ui-corner-all" style="width:60px">
						<input type="text" id="process_timepkr" style="font-size: 0.9em;width:55px;" class="ui-spinner-input">
						</span>
					</td>
				<tr>
				<tr>
					<td class="label option-left disabled">No Google+ !!<div class="icon help tooltip-left" title="Checking this will attempt to process notifications outside of Google+ to increase loading speed and decrease memory use<br/><span style='color:blue'>Default is unchecked</span><br/><span style='color:red'>Warning:</span>This has not been fully tested and is disabled at this time!"/></td>
					<td class="option-right disabled" style="padding-right: 15px;">
						<input type="checkbox" id="process_out_gplus" class="checkbox" disabled="disabled">
					</td>
					<td>&nbsp;</td>
					<td class="label option-left disabled">+1 Stream Items <div class="icon help tooltip-right" title="Checking this will attempt to +1 stream items as they are accepted. This will require that the stream window stay persistant.<br/><span style='color:blue'>Default is unchecked</span><br/><span style='color:red'>Warning:</span>This has not been fully tested and is disabled at this time!"/></td>
					<td  class="option-right disabled" style="padding-right: 15px;">
						<input type="checkbox" id="plus_one_stream" class="checkbox" disabled="disabled">
					</td>
				<tr>
			</table>
		</div>
	</body>
</html>